import React from 'react';
import MvItem from '../components/mvItem.js';
export default class Singer extends React.Component{
    render(){
        return(
            <div className="mvPage">
                <div className="main">
					<div className="mv_tag">
						<div className="list_area tag__list">
							<h3 className="mv_title">地区</h3>
							<a href="javascript:;" className="mv_item mv_first">全部</a>
							<a href="javascript:;" className="mv_item">内地</a>
							<a href="javascript:;" className="mv_item">港台</a>
							<a href="javascript:;" className="mv_item">欧美</a>
							<a href="javascript:;" className="mv_item">韩国</a>
							<a href="javascript:;" className="mv_item">日本</a>
							<a href="javascript:;" className="mv_item">其他</a>
						</div>
						<div className="list_tag tag__list">
							<h3 className="mv_title">类型</h3>
							<a href="javascript:;" className="mv_item mv_first">全部</a>
							<a href="javascript:;" className="mv_item">官方版</a>
							<a href="javascript:;" className="mv_item">影视原声</a>
							<a href="javascript:;" className="mv_item">舞蹈</a>
							<a href="javascript:;" className="mv_item">混音版</a>
							<a href="javascript:;" className="mv_item">KTV版</a>
							<a href="javascript:;" className="mv_item">音乐电影</a>
							<a href="javascript:;" className="mv_item">演唱会</a>
							<a href="javascript:;" className="mv_item">颁奖礼</a>
							<a href="javascript:;" className="mv_item">动漫</a>
							<a href="javascript:;" className="mv_item">翻制版</a>
							<a href="javascript:;" className="mv_item">预告版</a>
							<a href="javascript:;" className="mv_item">花絮版</a>
							<a href="javascript:;" className="mv_item">游戏</a>
							<a href="javascript:;" className="mv_item">广告</a>
							<a href="javascript:;" className="mv_item">创意</a>
							<a href="javascript:;" className="mv_item">搞笑</a>
							<a href="javascript:;" className="mv_item">制服</a>
							<a href="javascript:;" className="mv_item">一镜到底</a>
							<a href="javascript:;" className="mv_item">迷幻</a>
							<a href="javascript:;" className="mv_item">重口味</a>
							<a href="javascript:;" className="mv_item">鬼畜</a>
							<a href="javascript:;" className="mv_item">穿越</a>
							<a href="javascript:;" className="mv_item">剧情</a>
							<a href="javascript:;" className="mv_item">清新</a>
							<a href="javascript:;" className="mv_item">民族风</a>
							<a href="javascript:;" className="mv_item">弹奏</a>
							<a href="javascript:;" className="mv_item">景色</a>
							<a href="javascript:;" className="mv_item">杀马特</a>
							<a href="javascript:;" className="mv_item">戏曲</a>
							<a href="javascript:;" className="mv_item">儿歌</a>
						</div>
						<div className="list_year tag__list">
							<h3 className="mv_title">年份</h3>
							<a href="javascript:;" className="mv_item mv_first">全部</a>
							<a href="javascript:;" className="mv_item">2017</a>
							<a href="javascript:;" className="mv_item">2016</a>
							<a href="javascript:;" className="mv_item">2015</a>
							<a href="javascript:;" className="mv_item">2014</a>
							<a href="javascript:;" className="mv_item">2013</a>
							<a href="javascript:;" className="mv_item">2012</a>
							<a href="javascript:;" className="mv_item">2011</a>
							<a href="javascript:;" className="mv_item">2010</a>
							<a href="javascript:;" className="mv_item">00年代</a>
							<a href="javascript:;" className="mv_item">其他</a>
						</div>
					</div>
					<div className="mv_detail">
						<div className="mv_detail_hd">
							<h2 className="mv_detail_title">全部MV</h2>
							<div className="last_hot">
								<a href="javascript:;" className="last item">最新</a>
								<a href="javascript:;" className="hot item">最热</a>
							</div>
						</div>
						<div className="mv_mod">
							<ul className="mv_md_ul">
								<MvItem />
							</ul>
						</div>
					</div>
				</div>
            </div>
        )
    }
}